<table id="list_etudients" class="display data-table-noConfig">
    <thead>
    <th>numero</th>
    <th>filiere</th>
    <th> Action </th>
</thead>
<tbody>  
{%  for k,groupe in groupes %}
        <tr>
            <td>{{groupe.numero}}</td>
            <td>{{groupe.filiere}}</td>
            <td class="center">
                <span>
                    <a class="action-icons c-edit" href="javascript:addEditGroupe('{{groupe.id}}','{{k}}')">Edit</a>
                </span>
                <span>
                    <a class="action-icons c-Delete" href="javascript:supprimerGroupe('{{groupe.id}}')">Delete</a>
                </span>

            </td>
        </tr>
                            {% endfor %}
    </tbody>
</table>
<script> var tab = $('.data-table-noConfig').dataTable();</script>